<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>衍射</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631099_c2ht6ck3pi.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/dyf.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }
    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads baibg">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <!-- 会员服务 -->
    <div class="lanbg">
        <div class="main-md pad_top30">
            <!-- 筛选 -->
            <div class="list-opt-pd baibg shaw borad">
                <!--排序-->
                <div class="list-cate-item">
                    <p class="list-cate-title">排序：</p>
                    <div class="list-cate-ul-w1 list-ul-box list-cate-ul-h inline">
                        <ul class="list-cate-ul listCate-ul-w lf">
                            <li class="select"><a href="">默认 </a></li>
                            <li class=""><a href=""> 最近更新 </a></li>
                            <li class=""><a href=""> 访问数量</a></li>
                        </ul>
                        <div class="cl"></div>
                    </div>
                </div>
            </div>
            <!-- 标题 -->
            <div class="teacher">
                <div class="teacher_lf">
                    <div class="teacher_list">
                        <ul>
                            <li class="shaw borad">
                                <a href="#">
                                    <div class="teacher_img">
                                        <img src="images/dyf/teacher.jpg" alt="">
                                    </div>
                                    <div class="teacher_text">
                                        <h1>李晓凤 <span>点播量：13万</span></h1>
                                        <p>著名学者，对中国古代历史、西方金融史有独到的见解；作者不完全认同其文中关于政治和经济的分析，但是他所创作的军事分析内容，的确很优秀。著名学者，对中国古代历史、西方金融史有独到的见解；作者不完全认同其文中关于政治和经济的分析...
                                        </p>
                                        <span>进入主页</span>
                                    </div>
                                </a>
                            </li>
                            <li class="shaw borad">
                                <a href="#">
                                    <div class="teacher_img">
                                        <img src="images/dyf/teacher.jpg" alt="">
                                    </div>
                                    <div class="teacher_text">
                                        <h1>李晓凤 <span>点播量：13万</span></h1>
                                        <p>著名学者，对中国古代历史、西方金融史有独到的见解；作者不完全认同其文中关于政治和经济的分析，但是他所创作的军事分析内容，的确很优秀。著名学者，对中国古代历史、西方金融史有独到的见解；作者不完全认同其文中关于政治和经济的分析...
                                        </p>
                                        <span>进入主页</span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="main_lf_more">
                        <a href="#">点击加载更多</a>
                    </div>
                </div>
                <div class="teacher_rt borad shaw baibg">
                    <div class="hot_tit">
                        <h4>热门专家</h4>
                    </div>
                    <div class="ren">
                        <ul>
                            <li class=""><a href="#">
                                    <div class="ren_img">
                                        <img src="images/index/bc-7.jpg" alt="">

                                    </div>
                                    <div class="ren_text">
                                        <h4>程不悔</h4>
                                        <h6>著名学者，其对中国古代历史、西方金融史有独到见解</h6>

                                        <p>
                                            ·西方金融史系列 <br>
                                            ·秦汉史学研究<br>
                                            ·西方工业革命与近代资本积累<br>
                                        </p>
                                    </div>
                                </a></li>
                            <li class=""><a href="#">
                                    <div class="ren_img">
                                        <img src="images/index/bc-7.jpg" alt="">

                                    </div>
                                    <div class="ren_text">
                                        <h4>程不悔</h4>
                                        <h6>著名学者，其对中国古代历史、西方金融史有独到见解</h6>

                                        <p>
                                            ·西方金融史系列 <br>
                                            ·秦汉史学研究<br>
                                            ·西方工业革命与近代资本积累<br>
                                        </p>
                                    </div>
                                </a></li>
                        </ul>
                    </div>
                </div>
                <div class="both"></div>
            </div>
        </div>
    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        $(".se_tit_cont div").click(function () {
            $(this).addClass("active").siblings().removeClass('active');
        })
        $('.se_tit_cont div').click(function () {
            var liindex = $('.se_tit_cont div').index(this);
            $(this).addClass('active').siblings().removeClass('active');
            $('.card_lf .card_item').eq(liindex).fadeIn(150).siblings('.card_item').hide();
        });
    </script>
</body>

</html>